<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/details.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/download/font_2578555_m0m2d3el9f/iconfont.css">
    <link rel="stylesheet" href="css/jquery.pagination.css" />
    <script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
    <script src="js/jquery.pagination.min.js"></script>
</head>

<body>
    <!-- 顶部导航 -->
    <div class="site-nav">
        <div class="container">
            <ul class="site-nav-l">
                <li>
                    <a href="">
                        <i class="ico-star"></i>
                        <span>收藏鲜花网(hua.com)</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <i class="ico-star2"></i>
                        <span>关注微信</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <i class="ico-star3"></i>
                        <span>花礼网APP</span>
                    </a>
                </li>
            </ul>
            <ul class="site-nav-r">
                <li id="sign">
                    <a href="./register.html">您好，请登录</a>
                </li>
                <li>|</li>
                <li>
                    <a href="">订单查询</a>
                </li>
                <li>|</li>
                <li>
                    <a href="">我的花礼</a>
                </li>
                <li>|</li>
                <li>
                    <a href="">
                        客户服务
                        <i class="iconfont icon-jiantou1"></i>
                    </a>
                </li>
                <li>|</li>
                <li>
                    <a href="./ShopNothing.html">
                        <i class="icon-star3"></i>
                        <span>购物车</span>
                        <em>(0)</em>
                        <i class="iconfont icon-jiantou1"></i>
                    </a>
                </li>
                <li>|</li>
                <li>
                    <a href="">
                        中国领先鲜花速递服务
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <script src="./libs/jquery.2.2.4.js"></script>
    <script>
        if (localStorage.getItem("isLogin") === "OK") {
            $("#sign").html(`<a href="./personal.html">${localStorage.getItem("username")}</a>`)
        } else {
            $("#sign").html(`<a href="./register.html">您好，请登录</a>`)
        }
    </script>
    <!-- 头部 -->
    <header>
        <a href="">
            <div class="hd-top"></div>
        </a>
        <div class="search">
            <div class="input-group">
                <input type="text" placeholder="商品关键词">
                <button>搜索</button>
            </div>
            <span>
                <a href="">红玫瑰</a>
                <em>|</em>
                <a href="">精品鲜花</a>
                <em>|</em>
                <a href="">生日鲜花</a>
                <em>|</em>
                <a href="">港澳台送花</a>
            </span>
        </div>
        <div class="ser-Def">
            <i class="icon-fon2"></i>
            <em>400-889-8188</em>
            <em>|</em>
            <i class="icon-fon3"></i>
            <em>400-889-8188</em>
        </div>
    </header>
    <!-- 导航 -->
    <div class="common">
        <div class="container">
            <div class="con-cate">
                <a href="">
                    <h2>全部商品导购</h2>
                    <i class="iconfont icon-jiantou1
                    "></i>
                </a>
            </div>
            <ul class="nav">
                <li>
                    <a href="./flower.html">首页</a>
                </li>
                <li>
                    <a href="">鲜花</a>
                </li>
                <li>
                    <a href="">永生花</a>
                </li>
                <li>
                    <a href="">蛋糕</a>
                </li>
                <li>
                    <a href="">礼品</a>
                </li>
                <li>
                    <a href="">巧克力</a>
                </li>
                <li>
                    <a href="">花语大全</a>
                </li>
                <li>
                    <a href="">设计师臻选鲜花</a>
                </li>
                <li>
                    <a href="">端午节鲜花礼物</a>
                </li>
            </ul>
        </div>
    </div>
    <!-- 下面盒子 -->
    <div class="wrapper">
        <div class="wra-let">
            <div class="let-1">
                <div class="title">
                    <i class="icon-fon4"></i>
                    <h3>用途</h3>
                </div>
                <ul class="list-inline">
                    <li><a href="">爱情鲜花</a></li>
                    <li><a href="">爱情鲜花</a></li>
                    <li><a href="">爱情鲜花</a></li>
                    <li><a href="">爱情鲜花</a></li>
                    <li><a href="">爱情鲜花</a></li>
                    <li><a href="">爱情鲜花</a></li>
                    <li><a href="">爱情鲜花</a></li>
                    <li><a href="">爱情鲜花</a></li>
                    <li><a href="">爱情鲜花</a></li>
                    <li><a href="">爱情鲜花</a></li>
                    <li><a href="">爱情鲜花</a></li>
                    <li><a href="">爱情鲜花</a></li>
                    <li><a href="">爱情鲜花</a></li>
                    <li><a href="">爱情鲜花</a></li>
                </ul>
            </div>
            <div class="let-1">
                <div class="title">
                    <i class="icon-fon4"></i>
                    <h3>用途</h3>
                </div>
                <ul class="list-inline">
                    <li><a href="">爱情鲜花</a></li>
                    <li><a href="">爱情鲜花</a></li>
                    <li><a href="">爱情鲜花</a></li>
                    <li><a href="">爱情鲜花</a></li>
                    <li><a href="">爱情鲜花</a></li>
                    <li><a href="">爱情鲜花</a></li>
                    <li><a href="">爱情鲜花</a></li>
                    <li><a href="">爱情鲜花</a></li>
                    <li><a href="">爱情鲜花</a></li>
                    <li><a href="">爱情鲜花</a></li>
                    <li><a href="">爱情鲜花</a></li>
                    <li><a href="">爱情鲜花</a></li>
                    <li><a href="">爱情鲜花</a></li>
                    <li><a href="">爱情鲜花</a></li>
                </ul>
            </div>
            <div class="let-1">
                <div class="title">
                    <i class="icon-fon4"></i>
                    <h3>用途</h3>
                </div>
                <ul class="list-inline">
                    <li><a href="">爱情鲜花</a></li>
                    <li><a href="">爱情鲜花</a></li>
                    <li><a href="">爱情鲜花</a></li>
                    <li><a href="">爱情鲜花</a></li>
                    <li><a href="">爱情鲜花</a></li>
                    <li><a href="">爱情鲜花</a></li>
                    <li><a href="">爱情鲜花</a></li>
                    <li><a href="">爱情鲜花</a></li>
                    <li><a href="">爱情鲜花</a></li>
                    <li><a href="">爱情鲜花</a></li>
                    <li><a href="">爱情鲜花</a></li>
                    <li><a href="">爱情鲜花</a></li>
                    <li><a href="">爱情鲜花</a></li>
                    <li><a href="">爱情鲜花</a></li>
                </ul>
            </div>
            <div class="let-1" id="let-b">
                <div class="title">
                    <i class="icon-fon4"></i>
                    <h3>用途</h3>
                </div>
                <ul class="list-inline">
                    <li><a href="">爱情鲜花</a></li>
                    <li><a href="">爱情鲜花</a></li>
                    <li><a href="">爱情鲜花</a></li>
                    <li><a href="">爱情鲜花</a></li>
                    <li><a href="">爱情鲜花</a></li>
                    <li><a href="">爱情鲜花</a></li>
                    <li><a href="">爱情鲜花</a></li>
                    <li><a href="">爱情鲜花</a></li>
                    <li><a href="">爱情鲜花</a></li>
                    <li><a href="">爱情鲜花</a></li>
                    <li><a href="">爱情鲜花</a></li>
                    <li><a href="">爱情鲜花</a></li>
                    <li><a href="">爱情鲜花</a></li>
                    <li><a href="">爱情鲜花</a></li>
                </ul>
            </div>
        </div>
        <div class="item-active">
            <!-- 轮播图 -->
            <a href="">
                <img src="./img/xianhuan_01_20210106.jpg" alt="">
            </a>
            <!-- 筛选 -->
        </div>
        <div class="filterbar">
            <ul class="fil-lef">
                <li><a href="">
                        <h4>综合</h4>
                    </a></li>
                <li><a href="">
                        <h4>销量<i class="iconfont icon-jiantou1"></i></h4>
                    </a></li>
                <li><a href="">
                        <h4>价格
                            <i class="iconfont icon-jiantou1"></i>
                        </h4>
                    </a></li>
                <li><a href="">
                        <h4>最新<i class="iconfont icon-jiantou1"></i></h4>
                    </a></li>
            </ul>
            <ul class="fil-rig">
                <li class="rig-1"><strong>1</strong>
                    /11
                </li>
                <li><span id="btnL">←</span></li>
                <li><span id="btnR">→</span></li>
            </ul>
        </div>
        <!-- 商品列表 -->
        <div class="grid-wrapper">
            <!-- 渲染内容区域 -->
        </div>
        <div id="setPageDiv" style="float: right;">
            <div id="Pagination" class="pagination"></div>
        </div>
    </div>
    <div class="foot">

    </div>
</body>
<script src="./libs/require.js" data-main="./Rerjs/details"></script>
<script>
    $(".foot").load("http://localhost:3000/html/Common_style.html .end-tail")
</script>

</html>